<template>
  <div class="serach ws-n">
    <el-card>
      <div class="demo-input-suffix">
        <div class="title">姓名</div>
        <el-input placeholder="请输入姓名" v-model="sereach_options.name"> </el-input>
      </div>
      <div class="demo-input-suffix">
        <div class="title">手机号</div>
        <el-input placeholder="请输入手机号" v-model="sereach_options.phone"> </el-input>
      </div>
      <div class="demo-input-suffix card_num">
        <div class="title">就诊卡号</div>
        <el-input placeholder="请输入就诊卡号" v-model="sereach_options.visitCardNo">
        </el-input>
      </div>
    <!--   <div class="demo-input-suffix card_num" v-if="type == 'doctor'">
        <div class="title long">会诊状态</div>
        <el-select v-model="sereach_options.status" placeholder="请选择">
          <el-option
            v-for="item in typeList"
            :key="item.id"
            :label="item.name"
            :value="item.id"
          >
          </el-option>
        </el-select>
      </div> -->
      <div class="demo-input-suffix card_num" v-if="type == 'nurse'">
        <div class="title long">签到状态</div>
        <el-select v-model="value" placeholder="请选择">
          <el-option
            v-for="item in typeList"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
      </div>
      <div class="demo-input-suffix card_num tiem_">
        <div class="title long">预约时段</div>
    
          <el-date-picker
      v-model="sereach_options.time_val"
       value-format="yyyy-MM-dd"
      type="daterange"
      range-separator="至"
      start-placeholder="开始时间"
      end-placeholder="结束时间">
    </el-date-picker>
      </div>
      <div class="serach_btn cp" @click="serachBtn">搜索</div>
    </el-card>
  </div>
</template>
<script>
export default {
  props: {
    type: {
      type: String,
      default: null,
    },
    sereach_options:Object,
    typeList:Array
  },
 
  methods: {
    serachBtn() {
      this.$emit('sereach',this.sereach_options)
    },
  },
};
</script>
<style lang='less' scoped>
/deep/ .el-card .el-card__body {
  display: flex;
  align-items: center;
}
.serach {
  margin: 1.25rem 0;
}
.demo-input-suffix {
  width: 18rem;
  display: flex;
  align-items: center;
  margin-right: 1.25rem;
  .el-input {
    width: 12.1875rem;
  }
  .title {
    font-size: 0.875rem;
    color: #333333;
    margin-right: 0.625rem;
  }
}
.card_num {
  .title {
    width: 4rem;
  }
}
.tiem_ {
  width: 24rem !important;
  margin-right: 1rem;

  .title {
    width: 5rem !important;
  }
}
.serach_btn {
  background-color: var(--darkColor);
  width: 5rem;
  height: 2.125rem;
  line-height: 2.125rem;
  text-align: center;
  font-size: 0.875rem;
  color: #fff;
  border-radius: 0.25rem;
}
</style>